<html>
	<body>
		<input id="input1" name="input1" type="text" />		
		<input type="text" />
		<input type="text" />
		<button id="setcookie">Set Cookie</button>
		<button id="getcookie">Get Cookie</button>
		<div id="div1">text in div</div>
		<p id="p1">text in p</p>
		<label id="label1">text in label</label>
		<div id="message"></div>
		<script type="text/javascript" src="jquery-1.3.1.js"></script>		
		<script type="text/javascript" src="jquery.cookie.js"></script>
		<script type="text/javascript">
			var $j = jQuery.noConflict();
			$j(document).ready(function(){myjquerymain();});
		</script>
		<script type="text/javascript">
			function myjquerymain() {
				$j("div").each(function(){
						$j(this).hover(function(){$j(this).css("background","#0000ff");},
													 function(){$j(this).css("background","#ffffff");}
													);					
				});
				// make all the Form elements on the page show transparency at 60%, except
				// the one that currently has focus, which will not have any transparancy.  
				// This is Apple cool!				
				$j(":input").fadeTo("fast", .60);
				$j(":input").focus(function(){$j(this).fadeTo("fast", 1);});
				$j(":input").blur(function(){$j(this).fadeTo("fast", .60);});				
				//$.getJSON("http://reachlin.appspot.com/annotation/query?uri=http%3A//www.google.cn/&email=anonymous&infunction=true&callback=?",
				//			function(data){alert(data.msg);});
				//console.dir($j);
				$j("#setcookie").click(function(){$j.cookie('testcookie',$j('#input1').val());});
				$j("#getcookie").click(function(){$j('#label1').text($j.cookie('testcookie'));});
			};
		</script>		
	</body>
</html>